<div id="content">
    <div id="breadcrumb">
        <!-- breadcrumb starts-->
        <div class="container">
            <div class="one-half">
                <h4><[nav_page]></h4>
            </div>
            <div class="one-half">
                <nav id="breadcrumbs">
                    <!--breadcrumb nav starts-->
                    <ul>
                        <li><[nav_message]>:</li>
                        <li><a href="<[site_name]>/"><[nav_home]></a></li>
                        <li><[nav_page]></li>
                    </ul>
                </nav>
                <!--breadcrumb nav ends -->
            </div>
        </div>
    </div>
    <!--breadcrumbs ends -->
    <div class="container">
        <div class="one">
            <ul class="tabs-nav">
                <li class="active">
                    <a href="#tab1"><i class="icon-cog"></i><[admission]></a>
                </li>
                <li>
                    <a href="#tab2"><i class="icon-user"></i><[registration]></a>
                </li>
                <li>
                    <a href="#tab3"><i class="icon-exclamation-sign"></i><[obligations]></a>
                </li>
                <li>
                    <a href="#tab4"><i class="icon-file"></i><[announcement]></a>
                </li>
            </ul>
            <!-- end .tabs-nav -->
            <div class="tabs-container">
                <div class="tab-content" id="tab1">
                    <h4><[tab1_title_first]></h4>
                    <p style="text-align:justify"><[tab1_description_first]></p>
                    <h5><[tab1_title_second]></h5>
                    <p style="text-align:justify">
                        <[tab1_description_second]>
                    </p>
                    <h5><[tab1_title_third]></h5>
                    <p style="text-align:justify"><[tab1_description_third]>
                    </p>
                </div>
                <!-- end #tab1 -->
                <div class="tab-content" id="tab2">
                    <h4><[tab2_title_first]></h4>
                    <p style="text-align:justify"><[tab2_description_first]></p>
                    <h5><[tab2_title_second]></h5>
                    <p style="text-align:justify"><[tab2_description_second]></p>
                </div>
                <!-- end #tab2 -->
                <div class="tab-content" id="tab3">
                    <h5><[tab3_title_first]></h5>
                    <p style="text-align:justify"><[tab3_description_first]></p>
                </div>
                <!-- end #tab3 -->
                <div class="tab-content" id="tab4">
                    <h5><[tab4_title_first]></h5>
                    <p style="text-align:justify"><[tab4_description_first]></p>
                </div>
                <!-- end #tab4 -->
            </div>
            <!-- end .tabs-container -->
        </div>
    </div>
</div>